<template>
  <div>
    <h1>TodoList</h1>
    <TodoAdd @add-success="$refs.todoListObj.getLists()">
      <template #prefix>
        <b>标题：</b>
      </template>
    </TodoAdd>
    <TodoFilter @change-status="$refs.todoListObj.getLists($event)"></TodoFilter>
    <TodoList ref="todoListObj"></TodoList>
  </div>
</template>
<script>

import TodoAdd from './TodoAdd.vue';
import TodoList from './TodoList.vue';
import TodoFilter from './TodoFilter.vue';

export default {
  components: {
    TodoAdd,
    TodoList,
    TodoFilter,
  },
  methods: {
    say(e) {
      console.log('hello', e);
    }
  }
};
</script>
<style>
div {
  border: solid;
  padding: 10px;
}
</style>